<template>
    <div class="header">
        <div class="left">
            <slot name="left"></slot>
        </div>
        <div class="right">
            <slot name="right"></slot>
        </div>
    </div>
</template>

<script>
export default {
    name:'',
    components: {

    },
    props: {

    },
    data() {
        return {

        };
    },
    methods: {

    },
    watch: {

    },
    created() {

    },
    mounted() {

    },
    computed: {

    },
};
</script>

<style scoped lang="less">
    .header{
        margin: 55px 0 22px;
        display: flex;
        justify-content: space-between;
    }
</style>
